<!DOCTYPE html>
<html lang="en" xmlns:th="http://www.thymeleaf.org">
	<head>
		<meta charset="utf-8">
		<title>腕带中心</title>
		<link rel="stylesheet" type="text/css" th:href="@{/plugin/layui/css/layui.css}" />
	<script type="text/jscript" th:src="@{/plugin/layui/layui.js}" charset="UTF-8"></script>
		<script type="text/jscript" th:src="@{/plugin/jquery.min.js}"></script>
<script>
		<!-- 主菜单模拟按钮  -->
		$(function(){
			
			<!-- 腕带中心 -->
			$("#ManageCenter").mousedown(function(){
				$("#btn1").css("font-size","20px");
				$("#btn2").css("font-size","15px");
			})
			$("#ManageCenter").mouseup(function(){
				$("#btn1").css("font-size","25px");
				$("#btn2").css("font-size","18px");
				<!-- 重定向腕带中心   -->
				location.href="[[@{/myindex}]]";
			})
			
			<!-- 收银中心  -->
		
			$("#Casher").mousedown(function(){
				$("#btn3").css("font-size","20px");
				$("#btn4").css("font-size","15px");
			})
			$("#Casher").mouseup(function(){
				$("#btn3").css("font-size","25px");
				$("#btn4").css("font-size","18px");
				<!-- 重定向收银中心    -->
				location.href="[[@{/cashier}]]";
			})
			
			<!-- 客服中心   -->
		
			$("#service").mousedown(function(){
				$("#btn5").css("font-size","20px");
				$("#btn6").css("font-size","15px");
			})
			$("#service").mouseup(function(){
				$("#btn5").css("font-size","25px");
				$("#btn6").css("font-size","18px");
				<!-- 重定向客服中心    -->
				location.href="[[@{/service}]]";
			})
			
			<!-- 系统管理    -->
		
			$("#system").mousedown(function(){
				$("#btn7").css("font-size","20px");
				$("#btn8").css("font-size","15px");
			})
			$("#system").mouseup(function(){
				$("#btn7").css("font-size","25px");
				$("#btn8").css("font-size","18px");
				
			})
			<!-- 退出    -->
		
			$("#exit").mousedown(function(){
				$("#btn9").css("font-size","20px");
				$("#btn10").css("font-size","15px");
			})
			$("#exit").mouseup(function(){
				$("#btn9").css("font-size","25px");
				$("#btn10").css("font-size","18px");
				
			})
	
	
	})	
	
	
	//营业时间

		function showTime() {
		 var	nowtime = new Date();
 		var	year = nowtime.getFullYear();
 		var	month = nowtime.getMonth() + 1;
 		var	date = nowtime.getDate();
		$("#mytime").html(year + "年" + month + "月" + date +"日");
		$("#mytime2").html("营业时间：" +nowtime.toLocaleTimeString());
		};

		$(function(){

		setInterval("showTime()", 1000);
		})
	<!--点击字体大小变化，模拟按钮  -->
	$(function() {

		//腕带金额调整
		$("#adjust").mousedown(function() {

			$("#adjust,#adjust i").css("font-size", "15px");
		});
		
		
		$("#adjust").mouseup(function() {

			$("#adjust").css("font-size", "20px");
			$("#adjust i").css("font-size", "25px");
			location.href="[[@{/cashIncomingModule/adjust}]]";
		});
		
		//抽大抄 
		$("#extract").mousedown(function() {

			$("#extract,#extract i").css("font-size", "15px");
		});
		
		
		$("#extract").mouseup(function() {

			$("#extract").css("font-size", "20px");
			$("#extract i").css("font-size", "25px");
			location.href="[[@{/cashIncomingModule/extract}]]";
		});
		
		//交接班  
		$("#shift").mousedown(function() {

			$("#shift,#shift i").css("font-size", "15px");
		});
		
		
		$("#shift").mouseup(function() {

			$("#shift").css("font-size", "20px");
			$("#shift i").css("font-size", "25px");
			location.href="[[@{/cashIncomingModule/shift}]]";
		});
		
		//强制结算   
		$("#settlement").mousedown(function() {

			$("#settlement,#settlement i").css("font-size", "15px");
		});
		
		
		$("#settlement").mouseup(function() {

			$("#settlement").css("font-size", "20px");
			$("#settlement i").css("font-size", "25px");
			location.href="[[@{/cashIncomingModule/settlement}]]";
		});
		
		//备用金   
		$("#imprest").mousedown(function() {

			$("#imprest,#imprest i").css("font-size", "15px");
		});
		
		
		$("#imprest").mouseup(function() {

			$("#imprest").css("font-size", "20px");
			$("#imprest i").css("font-size", "25px");
			location.href="[[@{/cashIncomingModule/imprest}]]";
		});
	})
</script>
</head>
<body>
	<!--最外层容器控制位置-->
	<div id="" class="container" style="height: 500px; margin: 30px 100px;">
		<div id="" class="layui-row ">

			<!--  左边操作功能模块-->
			<div id="" class="layui-col-md9 layui-bg-gray"
				style="height: 500px; border: 2px lightblue solid;">
				<div id="" class="layui-row layui-col-space20" style="margin: 10px;">
					
					
					
					<div id="" class="layui-col-md3">
						<div id="" class="layui-col-md12 layui-bg-blue"
							style="height: 150px; text-align: center;">
							<div id="adjust" style="font-size: 20px;">
								<div id="" style="height: 30px; margin-top: 35px;">账号金额调整</div>
								<div id="">
									<i class="layui-icon layui-icon-util" style="font-size: 25px;"></i>
								</div>
							</div>
						</div>
					</div>
					<div id="" class="layui-col-md3">
						<div id="" class="layui-col-md12 layui-bg-blue"
							style="height: 150px; text-align: center;">
							<div id="extract" style="font-size: 20px;">
								<div id="" style="height: 30px; margin-top: 35px;">抽大钞</div>
								<div id="">
									<i class="layui-icon layui-icon-senior"
										style="font-size: 25px;"></i>
								</div>
							</div>
						</div>
					</div>
					
					<div id="" class="layui-col-md3">
						<div id="" class="layui-col-md12 layui-bg-blue"
							style="height: 150px; text-align: center;">
							<div id="shift" style="font-size: 20px;">
								<div id="" style="height: 30px; margin-top: 35px;">交接班</div>
								<div id="">
									<i class="layui-icon layui-icon-group" style="font-size: 25px;"></i>
								</div>
							</div>
						</div>
					</div>
					
					<div id="" class="layui-col-md3">
						<div id="" class="layui-col-md12 layui-bg-blue"
							style="height: 150px; text-align: center;">
							<div id="settlement" style="font-size: 20px;">
								<div id="" style="height: 30px; margin-top: 35px;">强制结算</div>
								<div id="">
									<i class="layui-icon layui-icon-engine" style="font-size: 25px;"></i>
								</div>
							</div>
						</div>
					</div>
					<div id="" class="layui-col-md3">
						<div id="" class="layui-col-md12 layui-bg-blue"
							style="height: 150px; text-align: center;">
							<div id="imprest" style="font-size: 20px;">
								<div id="" style="height: 30px; margin-top: 35px;">备用金</div>
								<div id="">
									<i class="layui-icon layui-icon-rmb" style="font-size: 25px;"></i>
								</div>
							</div>
						</div>
					</div>
					
				</div>
			</div>

			<!--  右边功能模块-->
			<div id="" class="layui-col-md3 layui-bg-gray "
				style="height: 500px;">

				<div class="layui-row " style="margin: 20px;">
					<div id="ManageCenter" class="layui-col-md11 layui-bg-orange"
						style="margin: 5px 5px; height: 60px; text-align: center; line-height: 60px;">
						<div class="layui-col-md6">
							<i id="btn1" class="layui-icon layui-icon-set" style="font-size: 25px;"></i>
						</div>
						<div class="layui-col-md4">
							<div id="btn2" style="font-size: 18px; text-align: left;">腕带管理</div>
						</div>
					</div>
					<div id="Casher" class="layui-col-md11 layui-bg-green"
						style="margin: 5px 5px; height: 60px; text-align: center; line-height: 60px;">
						<div class="layui-col-md6">
							<i id="btn3" class="layui-icon layui-icon-username"
								style="font-size: 25px;"></i>
						</div>
						<div class="layui-col-md4">
							<div id="btn4" style="font-size: 18px; text-align: left;">收银管理</div>
						</div>
					</div>
					<div id="service" class="layui-col-md11 layui-bg-cyan"
						style="margin: 5px 5px; height: 60px; text-align: center; line-height: 60px;">
						<div class="layui-col-md6">
							<i id="btn5" class="layui-icon layui-icon-share" style="font-size: 25px;"></i>
						</div>
						<div class="layui-col-md4">
							<div id="btn6" style="font-size: 18px; text-align: left;">客服中心</div>
						</div>
					</div>
					<div id="system" class="layui-col-md11 layui-bg-blue"
						style="margin: 5px 5px; height: 60px; text-align: center; line-height: 60px;">
						<div class="layui-col-md6">
							<i id="btn7" class="layui-icon layui-icon-util" style="font-size: 25px;"></i>
						</div>
						<div class="layui-col-md4">
							<div id="btn8" style="font-size: 18px; text-align: left;">系统管理</div>
						</div>
					</div>
					<div id="exit" class="layui-col-md11 layui-bg-cyan"
						style="margin: 5px 5px; height: 60px; text-align: center; line-height: 60px;">
						<div class="layui-col-md6">
							<i id="btn9" class="layui-icon layui-icon-logout" style="font-size: 25px;"></i>
						</div>
						<div class="layui-col-md4">
							<div id="btn10" style="font-size: 18px; text-align: left;">退出</div>
						</div>
					</div>
				</div>
			</div>
		</div>
		<!-- 页脚-->
				<div class="layui-row layui-bg-gray" style="text-align: center;">
					<div id="mytime" class="layui-col-md3" style="border: lightblue 1px solid;height: 30px;"> </div>
					<div class="layui-col-md3" style="border: lightblue 1px solid;height: 30px;"> 操作用户：yanhui</div>
					<div id="mytime2"  class="layui-col-md3" style="border: lightblue 1px solid;height: 30px;"></div>
					<div class="layui-col-md3" style="border: lightblue 1px solid;height: 30px;"> 某某游乐园</div>
				</div>
	</div>
</body>
</html>
